<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Buttons &amp; Icons | Starlight Premium Admin Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/ie9.css"/>
<![endif]-->

<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/ie8.css"/>
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" media="screen" href="css/ie7.css"/>
<![endif]-->
<script type="text/javascript" src="js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/custom/general.js"></script>
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body class="loggedin">

	<!-- START OF HEADER -->
	<div class="header radius3">
    	<div class="headerinner">
        	
            <a href="#"><img src="images/starlight_admin_template_logo_small.png" alt="" /></a>
            
              
            <div class="headright">
            	<div class="headercolumn">&nbsp;</div>
            	<div id="searchPanel" class="headercolumn">
                	<div class="searchbox">
                        <form action="#" method="post">
                            <input type="text" id="keyword" name="keyword" class="radius2" value="Search here" /> 
                        </form>
                    </div><!--searchbox-->
                </div><!--headercolumn-->
            	<div id="notiPanel" class="headercolumn">
                    <div class="notiwrapper">
                        <a href="ajax/messages.html" class="notialert radius2">5</a>
                        <div class="notibox">
                            <ul class="tabmenu">
                                <li class="current"><a href="ajax/messages.html" class="msg">Messages (2)</a></li>
                                <li><a href="ajax/activities.html" class="act">Recent Activity (3)</a></li>
                            </ul>
                            <br clear="all" />
                            <div class="loader"><img src="images/loaders/loader3.gif" alt="Loading Icon" /> Loading...</div>
                            <div class="noticontent"></div><!--noticontent-->
                        </div><!--notibox-->
                    </div><!--notiwrapper-->
                </div><!--headercolumn-->
                <div id="userPanel" class="headercolumn">
                    <a href="#" class="userinfo radius2">
                        <img src="images/avatar.png" alt="" class="radius2" />
                        <span><strong>Justin Meller</strong></span>
                    </a>
                    <div class="userdrop">
                        <ul>
                            <li><a href="#">Profile</a></li>
                            <li><a href="#">Account Settings</a></li>
                            <li><a href="index.html">Logout</a></li>
                        </ul>
                    </div><!--userdrop-->
                </div><!--headercolumn-->
            </div><!--headright-->
        
        </div><!--headerinner-->
	</div><!--header-->
    <!-- END OF HEADER -->
        
    <!-- START OF MAIN CONTENT -->
    <div class="mainwrapper">
     	<div class="mainwrapperinner">
         	
        <div class="mainleft">
          	<div class="mainleftinner">
            
              	<div class="leftmenu">
            		<ul>
                    	<li><a href="dashboard.html" class="dashboard"><span>Dashboard</span></a></li>
                        <li><a href="widgets.html" class="widgets"><span>Widgets</span></a></li>
                        <li><a href="tables.html" class="tables"><span>Tables</span></a></li>
                        <li><a href="elements.html" class="elements"><span>Elements</span></a></li>
                        <li><a href="charts.html" class="charts"><span>Graphs &amp; Charts</span></a></li>
                        <li><a href="media.html" class="media"><span>Media</span></a></li>
                        <li><a href="form.html" class="editor menudrop"><span>Forms</span></a>
                        	<ul>
                            	<li><a href="form.html"><span>Form Styling</span></a></li>
                            	<li><a href="editor.html"><span>WYSIWYG Editor</span></a></li>
                                <li><a href="wizard.html"><span>Wizard</span></a></li>
                            </ul>
                        </li>
                        <li><a href="grid.html" class="grid"><span>Grid</span></a></li>
                        <li><a href="calendar.html" class="calendar"><span>Calendar</span></a></li>
                        <li class="current"><a href="buttons.html" class="buttons"><span>Buttons &amp; Icons</span></a></li>
                        <li><a href="chat.html" class="chat"><span>Chat Support</span></a></li>
                        <li><a href="404.html" class="error"><span>Error Pages</span></a></li>
                    </ul>
                        
                </div><!--leftmenu-->
            	<div id="togglemenuleft"><a></a></div>
            </div><!--mainleftinner-->
        </div><!--mainleft-->
        
        <div class="maincontent noright">
        	<div class="maincontentinner">
            	
                <ul class="maintabmenu">
                	<li class="current"><a href="buttons.html">Buttons &amp; Icons</a></li>
                </ul><!--maintabmenu-->
                
                <div class="content">
                
                   <div class="contenttitle">
                   		<h2 class="button"><span>Icon Buttons With Text (80 in total)</span></h2>
                   </div><!--contenttitle-->
                   <br />
                   
                   <ul class="buttonlist">
                   		<li><a href="#" class="btn btn_search radius50"><span>Search</span></a></li>
                   		<li><a href="#" class="btn btn_trash"><span>Trash</span></a></li>
                   		<li><a href="#" class="btn btn_flag"><span>Flag</span></a></li>
                   		<li><a href="#" class="btn btn_home"><span>Home</span></a></li>
                   		<li><a href="#" class="btn btn_link"><span>Link</span></a></li>
                   		<li><a href="#" class="btn btn_book"><span>Book</span></a></li>
                   		<li><a href="#" class="btn btn_mail"><span>Mail</span></a></li>
                   		<li><a href="#" class="btn btn_help"><span>Help</span></a></li>
                   		<li><a href="#" class="btn btn_rss"><span>RSS</span></a></li>
                   		<li><a href="#" class="btn btn_archive"><span>Archive</span></a></li>
                   		<li><a href="#" class="btn btn_info"><span>Info</span></a></li>
                   		<li><a href="#" class="btn btn_bell"><span>Bell</span></a></li>
                   		<li><a href="#" class="btn btn_world"><span>World</span></a></li>
                   		<li><a href="#" class="btn btn_bulb"><span>Bulb</span></a></li>
                   		<li><a href="#" class="btn btn_cloud"><span>Cloud</span></a></li>
                    </ul>
                    
                    <br />
                    
                    <div class="contenttitle">
                   		<h2 class="button"><span>Rounded Buttons With Text (80 in total)</span></h2>
                   </div><!--contenttitle-->
                   <br />
                   
                   <ul class="buttonlist">
                   		<li><a href="#" class="btn btn2 btn_search"><span>Search</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_trash"><span>Trash</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_flag"><span>Flag</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_home"><span>Home</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_link"><span>Link</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_book"><span>Book</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_mail"><span>Mail</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_help"><span>Help</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_rss"><span>RSS</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_archive"><span>Archive</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_info"><span>Info</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_bell"><span>Bell</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_world"><span>World</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_bulb"><span>Bulb</span></a></li>
                   		<li><a href="#" class="btn btn2 btn_cloud"><span>Cloud</span></a></li>
                    </ul>
                    
                   <br />
                    
                   <div class="contenttitle">
                   		<h2 class="button"><span>Icon Buttons Without Text (80 in total)</span></h2>
                   </div><!--contenttitle-->
                   <br />
                   
                   <ul class="buttonlist">
                   		<li><a href="#" class="btn btn3 btn_search"></a></li>
                   		<li><a href="#" class="btn btn3 btn_trash"></a></li>
                   		<li><a href="#" class="btn btn3 btn_flag"></a></li>
                   		<li><a href="#" class="btn btn3 btn_home"></a></li>
                   		<li><a href="#" class="btn btn3 btn_link"></a></li>
                   		<li><a href="#" class="btn btn3 btn_book"></a></li>
                   		<li><a href="#" class="btn btn3 btn_mail"></a></li>
                   		<li><a href="#" class="btn btn3 btn_help"></a></li>
                   		<li><a href="#" class="btn btn3 btn_rss"></a></li>
                   		<li><a href="#" class="btn btn3 btn_archive"></a></li>
                   		<li><a href="#" class="btn btn3 btn_info"></a></li>
                   		<li><a href="#" class="btn btn3 btn_bell"></a></li>
                   		<li><a href="#" class="btn btn3 btn_world"></a></li>
                   		<li><a href="#" class="btn btn3 btn_bulb"></a></li>
                   		<li><a href="#" class="btn btn3 btn_cloud"></a></li>
                    </ul>
                    
                    <br />
                    
                    <div class="contenttitle">
                   		<h2 class="button"><span>Rounded Buttons (80 in total)</span></h2>
                   </div><!--contenttitle-->
                   <br />
                   
                   <ul class="buttonlist">
                   		<li><a href="#" class="btn btn4 btn_search"></a></li>
                   		<li><a href="#" class="btn btn4 btn_trash"></a></li>
                   		<li><a href="#" class="btn btn4 btn_flag"></a></li>
                   		<li><a href="#" class="btn btn4 btn_home"></a></li>
                   		<li><a href="#" class="btn btn4 btn_link"></a></li>
                   		<li><a href="#" class="btn btn4 btn_book"></a></li>
                   		<li><a href="#" class="btn btn4 btn_mail"></a></li>
                   		<li><a href="#" class="btn btn4 btn_help"></a></li>
                   		<li><a href="#" class="btn btn4 btn_rss"></a></li>
                   		<li><a href="#" class="btn btn4 btn_archive"></a></li>
                   		<li><a href="#" class="btn btn4 btn_info"></a></li>
                   		<li><a href="#" class="btn btn4 btn_bell"></a></li>
                   		<li><a href="#" class="btn btn4 btn_world"></a></li>
                   		<li><a href="#" class="btn btn4 btn_bulb"></a></li>
                   		<li><a href="#" class="btn btn4 btn_cloud"></a></li>
                    </ul>
                    
                    <br />
                    
                    <div class="contenttitle">
                   		<h2 class="button"><span>Form Buttons</span></h2>
                   </div><!--contenttitle-->
                   <br />
                   
                   <ul class="buttonlist">
                   		<li><button class="stdbtn">Form Button</button></li>
                   		<li><button class="stdbtn btn_yellow">Form Button</button></li>
                        <li><button class="stdbtn btn_blue">Form Button</button></li>
                        <li><button class="stdbtn btn_black">Form Button</button></li>
                        <li><button class="stdbtn btn_lime">Form Button</button></li>
                        <li><button class="stdbtn btn_orange">Form Button</button></li>
                        <li><button class="stdbtn btn_red">Form Button</button></li>
                   </ul>
                   
                   <br clear="all" />
                    
                    <div class="contenttitle">
                    	<h2 class="widgets"><span>Image Loaders</span></h2>
                    </div><!--contenttitle-->
                    <br />
                    
                    <div class="loaders">
                    	<img src="images/loaders/loader1.gif" alt="" />
                        <img src="images/loaders/loader2.gif" alt="" />
                        <img src="images/loaders/loader3.gif" alt="" />
                        <img src="images/loaders/loader4.gif" alt="" />
                        <img src="images/loaders/loader8.gif" alt="" />
                        <img src="images/loaders/loader9.gif" alt="" />
                        <img src="images/loaders/loader5.gif" alt="" />
                        <img src="images/loaders/loader6.gif" alt="" />
                        <img src="images/loaders/loader7.gif" alt="" />
                        <img src="images/loaders/loader10.gif" alt="" />
                        <br /><br />
                        <small>You can create your own loader images by going to <a href="ajaxload.html">ajaxload.info</a></small>
                    </div><!--loaders-->

            
            	</div><!--content-->
                
            </div><!--maincontentinner-->
            
            <div class="footer">
            	<p>Starlight Admin Template &copy; 2012. All Rights Reserved. Designed by: <a href="#">ThemePixels.com</a></p>
            </div><!--footer-->

        </div><!--maincontent-->
                        
     	</div><!--mainwrapperinner-->
    </div><!--mainwrapper-->
	<!-- END OF MAIN CONTENT -->
    

</body>

</html>
